<script setup lang="ts">
import {inject, ref} from 'vue';
const parentMessage = inject('MainPage_Provide1');
</script>

<template>
  <div class="inner">
    <p>Inner Component</p>
    <p>Parent Message: {{ parentMessage }}</p>

  </div>
</template>

<style scoped>
.inner {
  background-color: #e3be16;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-size: large;

}
</style>
